<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Detail | Market</title>
	<!--<link rel="stylesheet" href="css/normalize.css">-->
	<link rel="stylesheet" href="css/allstyle.css"/>
	<link rel="stylesheet" href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.min.css"/>
</head>
<body>
<!--header start-->
	<div id="top">
		<div class="topbar global_layout">
			<div class="greeting">Hi~，欢迎来到农产品直销网！</div>
			<div class="operation">
				<span><a href="#">[请登录]</a><a href="#">[免费注册]</a></span>
				<span><a href="#"><i class="fa fa-star"></i>我的收藏</a></span>
				<span><a href="#"><i class="fa fa-shopping-cart"></i>我的订单</a></span>
				<span><a href="#"><i class="fa fa-envelope"></i>消息</a></span>
				<span><a href="#"><i class="fa fa-mobile-phone fa-lg"></i>手机版</a></span>
			</div>
		</div>
	</div>
    <div class="logobar global_layout">
        <div class="logo"></div>
        <select name="province" id="province">
            <option value="0">上海</option>
            <option value="1">北京</option>
            <option value="2">广州</option>
            <option value="3">江苏</option>
            <option value="4">河北</option>
        </select>
        <div class="searchbar">
            <input type="text" class="search_input" placeholder="输入农产品名称" />
            <i></i>
            <input type="button" value="搜索" class="search_btn"/>
        </div>
    </div>
    <div class="align_nav_bar">
        <div class="align_nav global_layout">
            <ul>
                <li><a href="#" class="all_goods">全部商品<i class="fa fa-angle-down"></i></a></li>
                <li><a href="#" class="on">首页<i class="fa fa-angle-bottom"></i></a></li>
                <li><a href="#">聚划算<i class="fa fa-angle-bottom"></i></a></li>
                <li><a href="#">礼品区<i class="fa fa-angle-bottom"></i></a></li>
                <li><a href="#">新品区<i class="fa fa-angle-bottom"></i></a></li>
                <li><a href="#">试吃中心<i class="fa fa-angle-bottom"></i></a></li>
                <li><a href="#">企业采购<i class="fa fa-angle-bottom"></i></a></li>
            </ul>
        </div>
    </div>

<!--header end-->

<!--body start-->
<!--面包屑 start-->
    <div class="nav_bread global_layout">
        <a href="index.html">首页</a><span> > </span><a href="#">海外进口</a><span> > </span><a
            href="#">饮品</a><span> > </span><a href="#" class="active">啤酒</a>
    </div>
<!--面包屑 end-->

<!--category 布局 start-->
<div class="global_layout category_layout">
    <div class="goods_info">
        <div class="goods_img_display"></div>
        <div class="goods_info_text">
            <h4 class="goods_info_name">TRESS进口妈妈手工意大利通心粉</h4>
            <p class="goods_info_money">优购价<span class="goods_info_price">￥36.00</span></p>
            <div class="goods_info_grade">
                <span class="pingfen">评分：<i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i></span>
                <span class="goods_info_comment">评论：<i>1114条</i></span>
                <span class="goods_info_star">收藏：<i>3466条</i></span>
            </div>
            <div class="goods_info_kind">
                <span class="select_kinds">种类选择</span>
                <div class="suoluetu1 suoluetu"></div>
                <div class="suoluetu2 suoluetu"></div>
            </div>
            <div class="goods_info_number">
                <span class="select_kinds">购买数量</span>
                <div class="number_position">
                    <input type="text" id="goods_number"  name="goods_number" value="1">
                    <span class="goods_number_plus fa fa-angle-up"></span>
                    <span class="goods_number_increase fa fa-angle-down"></span>
                </div>
            </div>
            <div class="clear:both"></div>
            <div class="goods_buy_button">
                <a class="goods_buy_now" href="#">立即购买</a>
                <a class="goods_add_to_cart" href="#"><i class="fa fa-shopping-cart"></i>添加到购物车</a>
            </div>
        </div>
    </div>
    <div style="clear:both;"></div>
    <div class="goods_info_detail">
        <div class="goods_info_tab">
            <span class="goods_info_des on">商品信息</span><span class="goods_info_images">商品实拍</span>
        </div>
        <img src="images/goods_detail/detail.jpg" alt="">
        <div class="goods_info_tab" style="border: 1px solid #dddddd;">
            <span class="goods_info_des on">购买评价</span><span class="goods_info_images">顾客咨询</span>
        </div>
        <img src="images/goods_detail/comm.jpg" alt="" width="1140" height="710">

    </div>
</div>
<!--category 布局 end-->
<!--body end-->
<div style="clear: both"></div>
<!--footer start-->
<div class="faith ">
    <div class="global_layout">
        <ul>
            <li>
                <div class="faith_icon"><i class="fa fa-globe"><span>|</span></i></div>
                <div class="faith_intro">
                    <p class="faith_title">全球精选</p>
                    <p>一站式生鲜购物方案</p>
                </div>
            </li>
            <li>
                <div class="faith_icon"><i class="fa fa-home"><span>|</span></i></div>

                <div class="faith_intro">
                    <p class="faith_title">多仓直发</p>
                    <p>一站式生鲜购物方案</p>
                </div>
            </li>
            <li>
                <div class="faith_icon"><i class="fa fa-arrow-circle-down"><span>|</span></i></div>

                <div class="faith_intro">
                    <p class="faith_title">源头直采</p>
                    <p>一站式生鲜购物方案</p>
                </div>
            </li>
            <li>
                <div class="faith_icon"><i class="fa fa-shield"><span>|</span></i></div>

                <div class="faith_intro">
                    <p class="faith_title">安全保障</p>
                    <p>一站式生鲜购物方案</p>
                </div>
            </li>
        </ul>
    </div>
</div>
<div id="footer">
    <div class="global_layout">
        <dl>
            <dt>新手指南</dt>
            <dd><a href="#">新用户注册</a></dd>
            <dd><a href="#">会员登陆</a></dd>
            <dd><a href="#">订购流程</a></dd>
            <dd><a href="#">交易须知</a></dd>
        </dl>
        <dl>
            <dt>付款方式</dt>
            <dd><a href="#">支付方式</a></dd>
            <dd><a href="#">常见支付问题</a></dd>
            <dd><a href="#">如何办理退款</a></dd>
            <dd><a href="#">发票制度说明</a></dd>
        </dl>
        <dl>
            <dt>配送方式</dt>
            <dd><a href="#">配送时间及范围</a></dd>
            <dd><a href="#">订单的拆分</a></dd>
            <dd><a href="#">商品验收与签收</a></dd>
        </dl>
        <dl>
            <dt>售后服务</dt>
            <dd><a href="#">如何办理退货</a></dd>
            <dd><a href="#">退货换货政策</a></dd>
            <dd><a href="#">常见问题</a></dd>
        </dl>
        <dl>
            <dt>关于我们</dt>
            <dd><a href="#">公司介绍</a></dd>
            <dd><a href="#">联系我们</a></dd>
            <dd><a href="#">业务合作</a></dd>
            <dd><a href="#">加入我们</a></dd>
        </dl>
    </div>
    <div style="clear: both"></div>
    <p class="footer_tel"><i class="fa"></i>客服电话 021-888-088-888 9:00 - 22:30(周一到周五)</p>
    <p class="footer_link"><a href="#">友情链接</a><span>|</span><a href="#">友情链接</a><span>|</span><a href="#">友情链接</a><span>|</span><a href="#">友情链接</a></p>
    <p class="footer_copyright">CopyRight2016 @3007</p>
</div>
<!--footer end-->
</body>
</html>